<ul class="message" cg-busy="messagePromise">
    <li ng-repeat="element in messageData.data track by $index" ng-click='readMessage(element.id, $index)'>
        <span ng-hide='element.read'>&middot;</span>
        <span ng-class="{'hasRead': element.read}">[{{element.tag}}]</span>
        <span class="fr-view" ng-bind-html='element.content | unsafe'></span>
        <span>{{element.createdAt | date:'yyyy-MM-dd'}}</span>
    </li>
</ul>

<uib-pagination boundary-links="true" total-items="messageData.total" ng-model="messageData.currentPage"
                max-size="10" boundary-link-numbers="true" ng-if="messageData.total>10"
                class="pagination-sm pull-right" items-per-page="10"
                template-url="views/common/pagination.html"
                ng-change="change()" class="pagination-sm" previous-text="&lsaquo;" next-text="&rsaquo;"
                first-text="&laquo;" last-text="&raquo;"></uib-pagination>
